<%-- Universidad del Valle de Guatemala --%>
<%-- @autor Evelyn Lissete Paiz, 11365 --%>
<%-- @autor Alejandra Gonzales, 11320--%>
<%-- @autor Hsing Li Chang, 11087--%>

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ page import="java.util.List" %>
<%@ page import="com.google.appengine.api.users.User" %>
<%@ page import="com.google.appengine.api.users.UserService" %>
<%@ page import="com.google.appengine.api.users.UserServiceFactory" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>

<%-- P�gina que permite observar la lista de pares correctores, para la selecci�n 
	 de ellos. Es permitido solamente la elecci�n de tres pares o menos. Esta sele-
	 cci�n se realiza por medio de checkbox y el bot�n aceptar. Si se seleccionan 
	 m�s de tres pares, se mostrar� un mensaje de error y no se permitir� continuar --%> 
		 
<html>
	<head>
		<%-- Se utiliza el archivo main.css para mantener un formato --%>
		<link type="text/css" rel="stylesheet" href="/stylesheets/main.css" />
		<title>Agregar pares evaluadores-ACAAI</title>
		<script src="http://code.jquery.com/jquery-1.8.2.js" type="text/javascript"></script>
	</head>
		
	<body>
	<%-- Script encargado de revisar si se han seleccionado tres o menos pares
		 evaluadores. Si esto se da muestra un mensaje de alerta. --%>
	<script language='javascript'>  
	$(document).ready(function(){
		function countChecked() {
			var n = $("input:checked").length;
			if(n>3){
			alert("No se pueden seleccionar mas de 3 Pares Evaluadores, la informaci�n no se guardar�.")
			}
		}
		countChecked();
		$(":checkbox").click(countChecked);
		});

	</script>
	<%-- Se muestra el logo de ACAII y la informaci�n del usuario. --%>
	<div class="header">
		<div align="center" class="left">
			<img src = "/imagenes/accai2.png" />
		</div>
		
		<%-- Muestra la informaci�n del usuario. --%>
		<%
		UserService userService = UserServiceFactory.getUserService();
		User user = userService.getCurrentUser();
	    %>
		<div class="right">
			<p><%= user %> - <a href="<%= userService.createLogoutURL("/inicio.jsp") %>" >Log Out</a></p>
		</div>
	</div>
	
	<%-- Se muestra la informaci�n necesaria para el usuario que es en este caso 
		 el programa que est� visualizando, la instituci�n a la que pertenece, si
		 este es para ingeninier�a o arquitectura y si este est�: acreditado, en
		 proceso o no ha sido acredita --%>
	<div class="left spacel">
		<h4>Programa</h4>
		<h4>Institucion</h4>
		<h4>Ingenieria o Arquitectura</h4>
		<h4>Acreditacion</h4>
	</div>
	
	<%-- Form donde se muestra tanto los checkbox con la lista de los pares a 
		 a seleccionar, como el b�ton para aceptar. --%>	 
	<div class="right spacer">
		<form action="/aceptarpares" method="post">
			<div class="scrollBox">
			<% for (int i=1; i<20; i++){%>
			<%-- Checkbox --%>
				<br>
				<input type="checkbox" name="par" value=<%= "par" + String.valueOf(i)%> id=<%="check" + String.valueOf(i)%>><%="par " + i%>  
			<%}%>
			</div>
			<p></p>
			<%-- Bot�n de Aceptar y llamada al Servlet AceptarParesServlet --%>
			<div align="center">
				<input type="submit" value="Aceptar" />
			</div>
		</form>
	</div>
  </body>
</html>